<section class="page">
    <header class="page-header">
        <img src="images/1.png" alt="">
    </header>
    <div class="page-body">
        <div class="container">
            <div class="article-list">
                <div class="row">
                    <?php
                    for ($i = 1; $i < 12; $i++) {
                        ?>
                        <div class="col-xs-12 col-sm-6">
                            <article class="art-thumb verti">
                                <div class="cover">
                                    <a href="?page=chi-tiet-bai-viet"><img src="images/2.png" alt=""></a>
                                </div>
                                <h5 class="title">Cháy lớn tại kho vật tư nhà máy nước Hà Tĩnh</h5>
                                <div class="brief">Gần trưa 10/4, ngọn lửa bùng phát tại kho vật tư nhà máy cấp nước lớn nhất thành phố Hà Tĩnh, 5 xe cứu hỏa cùng hàng chục chiến sĩ đã</div>
                                <div class="text-right"><a href="?page=chi-tiet-bai-viet" class="view-detail-bg"><i class="fa fa-caret-right"></i> Chi tiết</a></div>
                            </article>
                        </div>
                        <?php
                    }
                    ?>
                </div>
                <div class="text-right">
                    <ul class="pagination pagination-sm">
                        <li><a href="#">&laquo;</a></li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">&raquo;</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>